
.modalTable{
  display: flex;
  flex-direction: column;
  border: 1px solid #333;
  width: 90%;
  .tableHead{
    display: flex;
    flex: 10;
    flex-direction: row;
    justify-content: space-around;
    border-bottom: 1px solid #333;
  }
  .tableHead p:nth-child(2){
    flex: 4
  }
  .tableHead p{
    display: flex;
    flex: 2;
    height: 30px;
    margin: -0px;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #ccc;
  }

  .tableBody{
    display: flex;
    flex-direction: row;
    flex: 10;
  }
  .tableBody .bodyCell:nth-child(2){
    flex: 4
  }
  .tableBody .bodyCell{
    flex:2
  }
  .tableLeftSelect{
    border-right: 1px solid #ccc;
  }
  .tableLeftSelect, .tableRightModal{
    display: flex;
    flex: 5;
    flex-direction: column;
  }
  .tableRightModal .u-row{
    height: 28px!important;
  }
  .tableRightModal .u-form-control{
    height: 28px!important;
    background: white;
  }
}
.searchProCell{
  margin: 0px;
  line-height: 27px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
